// circle/particulars/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    quimgup: '',
    "contentdata.imgpath": '',
    likenum: 0,
    plnum: "",
    pldata: '',
    ispl: false,
    isshow: true,
    animationData: {},
    xianshi: false,
    imgpath: '',
    contentdata: {
      huifuval: '',
      imgpath: ''
    },
    detail:''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function() {
    var that = this;
    wx.getStorage({
      key: 'detail',
      success: function(res) {
        that.setData({ detail: res.data})
        // console.log(res)
      },
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {
    this.getdata()
    // wx.getLocation({
    //   type: 'wgs84',
    //   success(res) {
    //     const latitude = res.latitude
    //     const longitude = res.longitude
    //     const speed = res.speed
    //     const accuracy = res.accuracy
    //     console.log(latitude)
    //     console.log(longitude)
    //     console.log(speed)
    //     console.log(accuracy)
    //   }
    // })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /** 
   * 生命周期函数--监听页面卸载
 
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function(ops) {

  },

  // 关闭评论页面
  cancelbtn: function() {

    var that = this;
    var animation = wx.createAnimation({
      duration: 1000,
      timingFunction: 'linear'
    })
    that.animation = animation
    animation.translateY(270).step()
    that.setData({
      animationData: animation.export()

    })
    setTimeout(function() {
      that.setData({
        animationData: animation.export(),
        ispl: false,
        isshow: true
      })
    }, 500)

    // this.setData({
    //   ispl: false
    // })
  },
  // 打开评论页面
  plevent: function() {

    // 用that取代this，防止不必要的情况发生
    var that = this;
    // 创建一个动画实例
    var animation = wx.createAnimation({
      // 动画持续时间
      duration: 500,
      // 定义动画效果，当前是匀速
      timingFunction: 'linear'
    })
    // 将该变量赋值给当前动画
    that.animation = animation
    // 先在y轴偏移，然后用step()完成一个动画
    animation.translateY(200).step()
    // 用setData改变当前动画
    that.setData({
      // 通过export()方法导出数据
      animationData: animation.export(),
      // 改变view里面的Wx：if
      ispl: true,
      isshow: false
    })
    // 设置setTimeout来改变y轴偏移量，实现有感觉的滑动
    setTimeout(function() {
      animation.translateY(0).step()
      that.setData({
        animationData: animation.export()
      })
    }, 200)
    // this.setData({
    //   ispl: true
    // })
  },

  // 打开回复页
  xqhf: function() {

    // 用that取代this，防止不必要的情况发生
    var that = this;
    // 创建一个动画实例
    var animation = wx.createAnimation({
      // 动画持续时间
      duration: 500,
      // 定义动画效果，当前是匀速
      timingFunction: 'linear'
    })
    // 将该变量赋值给当前动画
    that.animation = animation
    // 先在y轴偏移，然后用step()完成一个动画
    animation.translateY(200).step()
    // 用setData改变当前动画
    that.setData({
      // 通过export()方法导出数据
      animationData: animation.export(),
      // 改变view里面的Wx：if
      xianshi: true,
    })
    // 设置setTimeout来改变y轴偏移量，实现有感觉的滑动
    setTimeout(function() {
      animation.translateY(0).step()
      that.setData({
        animationData: animation.export()
      })
    }, 200)
  },

  // 关闭回复框
  guanbi: function() {
    var that = this;
    var animation = wx.createAnimation({
      duration: 1000,
      timingFunction: 'linear'
    })
    that.animation = animation
    animation.translateY(270).step()
    that.setData({
      animationData: animation.export()

    })
    setTimeout(function() {
      that.setData({
        animationData: animation.export(),
        xianshi: false,
      })
    }, 500)
  },
  // 相机
  paizhao: function() {
    // wx.chooseImage({
    //   count: 1,
    //   sizeType: ['original', 'compressed'],
    //   sourceType: ['album', 'camera'],
    //   success: (res) => {
    //     // tempFilePath可以作为img标签的src属性显示图片
    //     const tempFilePaths = res.tempFilePaths
    //     this.setData({
    //       'contentdata.imgpath': tempFilePaths.join(''),
    //       imgpath: res.tempFiles[0].path
    //     })
    //   }
    // })

    var that = this;
    // 选择图片
    wx.chooseImage({
      count: 1,
      sizeType: ['compressed'],
      sourceType: ['album', 'camera'],
      success: function(res) {
        wx.showLoading({
          title: '上传中',
        })
        const filePath = res.tempFilePaths[0]
        // 上传图片
        const cloudPath = new Date().getTime() + filePath.match(/\.[^.]+?$/)[0]
        console.log(res);
        console.log(cloudPath);
        console.log(filePath);
        wx.cloud.uploadFile({
          cloudPath,
          filePath,
          success: res => {
            console.log('[上传文件] 成功：', res);
            that.getimgpath(res.fileID);
            that.setData({
              "contentdata.imgpath": res.fileID
            });
            app.globalData.fileID = res.fileID
            app.globalData.cloudPath = cloudPath
            app.globalData.imagePath = filePath
          },
          fail: e => {
            console.error('[上传文件] 失败：', e)
            wx.showToast({
              icon: 'none',
              title: '上传失败',
            })
          },
          complete: () => {
            wx.hideLoading()
          }
        })
      },
      fail: e => {
        console.error(e)
      }
    })
  },

  getimgpath: function(path) {
    // console.log(1)
    // console.log(path)
    var that = this;
    wx.cloud.getTempFileURL({
      fileList: [path],
      success: res => {
        // get temp file URL
        console.log(res.fileList[0].tempFileURL)
        that.setData({
          quimgup: res.fileList[0].tempFileURL
        });
      },
      fail: err => {
        // handle error
      }
    })
  },

  // 发表

  fabiao: function() {

  },

  // 发布
  fabu: function() {
    var db = wx.cloud.database();

    db.collection('pinglun').add({
      data: this.data.contentdata,
      success: (res) => {
        // res 是一个对象，其中有 _id 字段标记刚创建的记录的 id
        this.getdata()
        this.cancelbtn()
      },
      fail: console.error
    })
  },

  // 回复帖子的内容
  contentval: function(e) {
    // let obj = {
    // huifuval: e.detail.value
    // }
    this.setData({
      "contentdata.huifuval": e.detail.value
    })
  },
  // getdata: function() {
  //   wx.request({
  //     url: 'https://douban.uieee.com/v2/book/search',
  //     data: { 'q': '我是传奇'},
  //     header: {
  //       'content-type': 'application/json/html' // 默认值
  //     },
  //     success(res) {
  //       console.log(res.data)
  //     }
  //   })
  // }
  getdata: function() {
    const db = wx.cloud.database()
    db.collection('pinglun').where({
      // _openid: 'xxx' // 填入当前用户 openid
    }).get({
      success: (res) => {
        this.setData({
          pldata: res.data,
          plnum: res.data.length
        })
        // console.log(this.data.pldata)
      }
    })
  },

  //喜欢点击事件
  likeEven: function() {
    if (this.data.likenum == 0) {
      this.setData({
        likenum: 1
      })
    } else {
      this.setData({
        likenum: 0
      })
    }
  },

  jubao: function() {
    console.log(1)
    wx.showActionSheet({
      itemList: ["举报"],
      success(res) {
        console.log(res.tapIndex)
      },
      fail(res) {
        console.log(res.errMsg)
      }
    })
  }
})